<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>背景颜色与背景图片</title>
		<style type="text/css">
			body{background-image: url(img/hsbg.jpg); background-repeat: no-repeat;}
			h1{
				color: #FFF;
				background-color: rgba(255, 255, 255, 0.5);
				line-height: 60px;
				font-family: "微软雅黑";
				text-align: center;
			}
			p{
				text-align: center;
				line-height: 160%;
				background-color:rgba(255, 255, 255, 0.9);
			}
			img{opacity: 0.8;}
		</style>
	</head>
	<body>
		<section>
			<header>
				<h1>安徽黄山</h1>
			</header>
			<p>世界文化与自然双重遗产，世界地质公园，国家五a级旅游景区，国家级风景名胜区。</p>
			<img src="img/hsfj.jpg">
		</section>
	</body>
</html>